<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>layui</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="__PUBLIC__/layui/css/layui.css"  media="all">
  <link rel="stylesheet" href="__PUBLIC__/font-awesome/css/font-awesome.min.css" media="all" />
  <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>
<style>
    .layui-form-item .layui-input-inline{
        margin: 0px 0 10px 81px;
    }
    .layui-form-label{
        width: 50px;
    }
    .layui-input, .layui-textarea{
        width: 85%;
    }
    .layui-input-block{
      margin-left: 70px;
    }
</style>
<body>
<div style="margin-top: 20px;">
</div>
<form class="layui-form" id="admin">
  <input type="hidden" name="order_id" value="{$dat.order_id}">
  <input type="hidden" id="order_no" name="order_no" value="{$dat.order_no}">
  <input type="hidden" id="source" name="source" value="{$dat.source}">
  <input type="hidden" id="payType" name="payType" value="{$dat.payType}">

  <div class="layui-form-item">
    <label class="layui-form-label">渠道</label>
    <div class="layui-input-inline">
      <input disabled lay-verify="required" value="{$dat.business_way}" autocomplete="off" class="layui-input" type="text" >
    </div>
  </div>

  <div class="layui-form-item">
    <label class="layui-form-label">原价</label>
    <div class="layui-input-inline">
      <input name="yuan" disabled lay-verify="required" value="{$dat.fold_money}" placeholder="请输入退款金额" autocomplete="off" class="layui-input" type="text" >
    </div>
  </div>

  <div class="layui-form-item">
    <label class="layui-form-label">退款金额</label>
    <div class="layui-input-inline">
      <input name="refund_money" lay-verify="required" placeholder="请输入退款金额" autocomplete="off" class="layui-input" type="text" >
    </div>
  </div>


  <div class="layui-form-item">
    <div class="layui-input-block">
      <button class="layui-btn" lay-submit lay-filter="admin">立即提交</button>
      <button id="{$dat.order_id}" class="layui-btn layui-btn-danger refuse">拒绝退款</button>
    </div>
  </div>

</form>


<script src="__PUBLIC__/layui/layui.js"></script>
<script src="__PUBLIC__/jquery/jquery.min.js"></script>
<script>
    var message;
    layui.config({
        base: '__JS__/',
        version: '1.0.1'
    }).use(['app', 'message'], function() {
        var app = layui.app,
            $ = layui.jquery,
            layer = layui.layer;
        //将message设置为全局以便子页面调用
        message = layui.message;
        //主入口
        app.set({
            type: 'iframe'
        }).init();
    });
</script>
<script>

</script>
<script>
    layui.use(['layer', 'form'], function() {
        var layer = layui.layer,
            $ = layui.jquery,
            form = layui.form;

        $(".refuse").click(function () {
            var order_id = $(this).attr('id');
            var order_no = $("#order_no").attr("value");
            var source = $("#source").attr("value");
            $.ajax({
                url:"{:url('admin/order/refuse')}",
                data:{'order_id':order_id,'order_no':order_no,'source':source},
                type:'post',
                async: false,
                success:function(res) {
                    console.log(res);
                    layer.msg(res.msg);
                    if(res.code == 1) {
                        setTimeout(function(){
                            var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
                            parent.layer.close(index); //再执行关闭
                        },1500)
                    }
                }
            });
            return false;
        });


        $(window).on('load', function() {
            form.on('submit(admin)', function(data) {
                var payType = $("#payType").attr("value");
                if(payType==2){
                    layer.confirm('退款操作会取消当前订单，且该订单为信用卡支付，填写退款金额无意义，将会一次退回全款，是否继续?', function(index){
                        layer.close(index);
                        $.ajax({
                            url:"{:url('admin/order/refund')}",
                            data:$('#admin').serialize(),
                            type:'post',
                            async: false,
                            success:function(res) {
                                layer.msg(res.msg);
                                if(res.code == 1) {
                                    setTimeout(function(){
                                        var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
                                        parent.layer.close(index); //再执行关闭
                                    },1500)
                                }
                            }
                        });
                    });
                }else{
                    layer.confirm('退款操作会取消当前订单，是否继续?', function(index){
                        layer.close(index);
                        $.ajax({
                            url:"{:url('admin/order/refund')}",
                            data:$('#admin').serialize(),
                            type:'post',
                            async: false,
                            success:function(res) {
                                layer.msg(res.msg);
                                if(res.code == 1) {
                                    setTimeout(function(){
                                        var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
                                        parent.layer.close(index); //再执行关闭
                                    },1500)
                                }
                            }
                        });
                    })
                }
                return false;
            });
        });
    });
</script>
</body>
</html>
